<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:pou="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel='stylesheet' id='login-css'  href='./../Resources/css/login.css' type='text/css' media='all' />
        <link rel='stylesheet' id='colors-fresh-css'  href='./../Resources/css/colors-fresh.css' type='text/css' media='all' />
        <title>Alluring Decors</title>
    </h:head>
    <h:body styleClass="login">
        <div id="login"><h1><a href="./../HomePages/Index.xhtml" title="Powered by Group 2 - C0904G - FPT Aptech">Alluring Decors</a></h1>
            <h:form id="loginform">
                <pou:messages/>
                <table border="0">
                    <tbody>
                        <tr>
                            <td><p><h:outputLabel for="user" value="Username"/></p></td>
                            <td><pou:inputText id="user" required="true" requiredMessage="Username Not null" label="Username" value="#{personBean.user}" ></pou:inputText></td><br/>                                        
                        </tr>
                        <tr>
                            <td><h:outputLabel for="pass" value="Password" /></td>
                            <td><pou:password id="pass" required="true" requiredMessage="Password Not null" label="Password" value="#{personBean.pass}"/></td>
                        </tr>
                        <tr><br/>
                            <td><pou:selectBooleanCheckbox/>Remember</td>
                            <td align="right"><pou:commandButton value="Login" update="@form"/></td>
                        </tr>
                    </tbody>
                </table>                                                                    
            </h:form>
            <p id="nav">
                <a href="" title="Password Lost and Found">Lost your password?</a>
            </p>

            <script type="text/javascript">
            function wp_attempt_focus(){
            setTimeout( function(){ try{
            d = document.getElementById('user_login');
            d.focus();
            d.select();
            } catch(e){}
            }, 200);
            }

            wp_attempt_focus();
            if(typeof wpOnload=='function')wpOnload();
            </script>

            <p id="backtoblog"><a href="./../HomePages/Index.xhtml" title="Home Page?">&larr; Back to Alluring Decors</a></p>
        </div>
        <script type='text/javascript' src='./../Resources/script/jquery-easing.js'></script>
        <script type='text/javascript' src='./../Resources/script/jquery-fancybox.js'></script>
        <script type='text/javascript' src='./../Resources/script/et-ptemplates-frontend.js'></script>
    </h:body>
</html>
